<template>
 <div class="mine-content" style="margin-top: 0;">
        <div class="company-name">
            <p>
                <span class="names" style="color: #444"></span>
                <img src="../image/right.png" />
            </p>
            <p style="height: auto;">
                <span class="main-type" style="color: #777;font-family: 'pfr'"></span>
            </p>
        </div>
        <ul class="weui-list">
            <li style="margin-bottom: 0.45rem">
                <i class="orderNum"></i>
                <a href="html/order/orderList.html">
                    <img src="../image/index1.png" alt=""><br />
                    <span>订单管理</span>
                </a>
            </li>
            <li style="margin-bottom: 0.45rem">
                <a href="html/order/materialList.html">
                    <img src="../image/index2.png" alt=""><br />
                    <span> 提交议价单</span>
                </a>
            </li>
            <li>
                <a href="html/mine/mine.html">
                	<i class="waitNum"></i>
                    <img src="../image/index3.png" alt=""><br />
                    <span>待办中心</span>
                </a>
            </li>
            <li>
                <a href="html/order/applyPay.html">
                	<i class="applyPay"></i>
                    <img src="../image/index4.png" alt=""><br />
                    <span>申请付款</span>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: ""
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
@import '../style/mine.less';
.weui-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 5rem;
  li {
    width: 47%;
    height: 7.5rem;
    text-align: center;
    background: #fff;
    float: left;
    -webkit-box-shadow: 0 0 0.1rem 0.05rem #b4b4b4;
    -moz-box-shadow: 0 0 0.1rem 0.05rem #b4b4b4;
    box-shadow: 0 0 0.1rem 0.05rem #b4b4b4;
    position: relative;
    box-sizing: border-box;
    margin: 1%;
    i {
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      background: #f65555;
      position: absolute;
      right: 0.4rem;
      top: 0.4rem;
      font-size: 0.75rem;
      color: #fff;
      text-align: center;
      line-height: 1rem;
      font-style: normal;
    }
    img {
      width: 2.1rem;
      height: 2.2rem;
      margin-top: 1.8rem;
    }
    a {
      color: #666;
      width: 100%;
      height: 100%;
      font-size: 0.85rem;
      display: inline-block;
      span {
        margin-top: 0.6rem;
        display: inline-block;
        color: #444;
      }
    }
  }
}
.mine-content {
  background: url(../image/bgImage.png) no-repeat;
  background-size: 100% 100%;
  .company-name {
    border-bottom: 0;
    p:last-child {
      margin-bottom: 0;
    }
  }
}
</style>





